<!doctype html>
<html class="no-js" lang="">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="x-ua-compatible" content="ie=edge">
        <title>Venam - eCommerce HTML5 Template</title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width, initial-scale=1">

		<link rel="shortcut icon" type="image/x-icon" href="img/favicon.png">
        <link rel="stylesheet" href="/static/default/css/bootstrap.min.css">
        <link rel="stylesheet" href="/static/default/css/animate.min.css">
        <link rel="stylesheet" href="/static/default/css/magnific-popup.css">
        <link rel="stylesheet" href="/static/default/css/fontawesome-all.min.css">
        <link rel="stylesheet" href="/static/default/css/owl.carousel.min.css">
        <link rel="stylesheet" href="/static/default/css/jquery-ui.min.css">
        <link rel="stylesheet" href="/static/default/css/flaticon.css">
        <link rel="stylesheet" href="/static/default/css/odometer.css">
        <link rel="stylesheet" href="/static/default/css/aos.css">
        <link rel="stylesheet" href="/static/default/css/slick.css">
        <link rel="stylesheet" href="/static/default/css/default.css">
        <link rel="stylesheet" href="/static/default/css/style.css">
        <link rel="stylesheet" href="/static/default/css/responsive.css">
    </head>
    <body>

        {% include "/default/layout/header.html" %}

        <!-- main-area -->
        <main>

            <!-- breadcrumb-area -->
            <section class="breadcrumb-area breadcrumb-bg" data-background="/static/default/img/bg/breadcrumb_bg.jpg">
                <div class="container">
                    <div class="row">
                        <div class="col-12">
                            <div class="breadcrumb-content text-center">
                                <h2>Page Not Found</h2>
                                <nav aria-label="breadcrumb">
                                    <ol class="breadcrumb">
                                        <li class="breadcrumb-item"><a href="index.html">Home</a></li>
                                        <li class="breadcrumb-item active" aria-current="page">404 Page</li>
                                    </ol>
                                </nav>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <!-- breadcrumb-area-end -->

            <!-- 404-area -->
            <section class="error-area pt-80 pb-100">
                <div class="container">
                    <div class="row justify-content-center">
                        <div class="col-lg-6 col-md-10">
                            <div class="error-content text-center">
                                <div class="error_txt">404</div>
                                <h5>oops! The page you requested was not found!</h5>
                                <p>The page you are looking for was moved, removed, renamed or might never existed.</p>
                                <div class="search_form">
                                    <form method="post">
                                        <input name="text" id="text" type="text" placeholder="Search" class="form-control">
                                        <button type="submit" class="icon_search"><i class="flaticon-loupe"></i></button>
                                    </form>
                                </div>
                                <a href="index.html" class="btn btn-fill-out">Back To Home</a>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <!-- 404-area-end -->

            <!-- limited-offer-area -->
            <section class="limited-offer-area" data-background="/static/default/img/bg/limited_offer_bg.jpg">
                <div class="container">
                    <div class="row align-items-center justify-content-between">
                        <div class="col-xl-5 col-lg-6 col-md-7">
                            <div class="limited-offer-left">
                                <div class="limited-offer-title">
                                    <span class="sub-title">exclusive offer</span>
                                    <h2 class="title">Smart Watch Bracelet</h2>
                                </div>
                                <div class="limited-offer-disc">
                                    <img src="/static/default/img/images/limited_offer_discount.png" alt="">
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-3 col-lg-4 col-md-5">
                            <div class="limited-offer-action">
                                <a href="#" class="btn">limited time offer</a>
                                <div class="amount-info">
                                    <span class="upto">UPTO</span>
                                    <span class="amount">$ 50.00</span>
                                    <span class="off">OFF</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <h2 class="limited-overlay-title">Vanam Top Sale 35<span>%</span></h2>
                <div class="limited-overlay-img"><img src="/static/default/img/images/limited_offer_img.png" alt=""></div>
            </section>
            <!-- limited-offer-area-end -->

        </main>
        <!-- main-area-end -->

        {% include "/default/layout/footer.html" %}

        <script src="/static/default/js/vendor/jquery-3.5.0.min.js"></script>
        <script src="/static/default/js/popper.min.js"></script>
        <script src="/static/default/js/bootstrap.min.js"></script>
        <script src="/static/default/js/isotope.pkgd.min.js"></script>
        <script src="/static/default/js/imagesloaded.pkgd.min.js"></script>
        <script src="/static/default/js/jquery.magnific-popup.min.js"></script>
        <script src="/static/default/js/owl.carousel.min.js"></script>
        <script src="/static/default/js/jquery.odometer.min.js"></script>
        <script src="/static/default/js/jquery.countdown.min.js"></script>
        <script src="/static/default/js/jquery.appear.js"></script>
        <script src="/static/default/js/slick.min.js"></script>
        <script src="/static/default/js/ajax-form.js"></script>
        <script src="/static/default/js/wow.min.js"></script>
        <script src="/static/default/js/aos.js"></script>
        <script src="/static/default/js/plugins.js"></script>
        <script src="/static/default/js/main.js"></script>
        <script>
            jQuery(document).ready(function() {
                $('.category-menu').hide();
            });
        </script>
    </body>
</html>
